<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>详情</title>
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />

	<style>
		html, body {width: 100%;min-height: 100%;}
		#header{width: 100%; text-align: left; height:auto; margin: 20px 0px; border-bottom: 1px solid #bebfbf;}
		#header #listtitle{ width: 90%; margin:0px 5% 20px 5%; font-size: 1.3em; font-weight: bold;}
		#header .info{width: 90%; margin:10px 5% ;}
		.info {margin-top: 9px;/* margin-bottom: 11px;*/ color: #666; font-size: 0.9em; position: relative; line-height: 15px; display: box; display: -webkit-box; height: 15px; }
		.info #from {font-size: 1em; color: #666; display: block; margin-top: 1px; }
		.info #date {color: #666; font-size: 1em; line-height: 15px; margin-right: 5px; margin-top: 1px; position: absolute; right: 0;}
		#main { line-height: 26px; margin:0px 5%;font-size:1.1em;width: 90%;}
		#main em{ font-size: 1.2em; font-weight: bold; line-height: 32px;}
		#url {word-break:break-all; color: #19B4FF;}
		.description{ margin: 20px 0px;}
		#footer{ height:100px;background: #ffffff;}
		#content{ width: 100%; word-break:break-all;}
		img { width:100%; height: auto; margin-left:auto; margin-right:auto;}
	</style>
</head>
<body>
     <header id="header">
           <div id="listtitle"></div>
           <div class="info">
                <span id="from"></span>
			    <span id="date"></span>
           </div>
     </header>
     <div id="main">
          <div class="main_url">
                <em>链接:</em>
                <span id="url"></span>
          </div>
          <div class="description">
                <em>摘要：</em>
                <div id="description"></div>
          </div>
          <div class="content">
                 <em>正文:</em>
                 <div id="content"></div>
          </div>
          <div class="remarks">
                 <em>备注:</em>
                 <div id="remarks"></div>
          </div>
          <div class="contact">
                 <em>大众舆情业务联系人：</em>
                 <div id="contact"></div>
          </div>                     
     </div>	     
	 <footer id="footer">	 
	 </footer>
	 <div id="message"></div>
<input id="access_token" type="hidden" value=""/>
<input id="admin_id" type="hidden" value=""/>
 
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/api.data.js"></script>
<script type="text/javascript" src="../script/jquery.md5.js"></script>
<script type="text/javascript" src="../script/jquery.min.js"></script>
 <script>
		apiready = function(){
		      //获取头部和底部的相关信息，计算子窗口的高度及y坐标
              header = $api.byId('header');       
              $api.fixIos7Bar(header);     
              headerOffset = $api.offset(header);
        
		     //在页面制定位置输出接口所需的access_token和admin_id
             get_sign();                                        
             //获取相关参数url或者文章ID及接口名称		 
		     var message_id = api.pageParam.message_id;
		     var status = api.pageParam.status; 
		     if(status == "status"){//如果是url连接地址,直接打开
		        /*$("#main").html('');
		         api.openFrame ({
                     name: 'url',
                     url: message_id,
                     rect:{
					     x:0,
					     y:0,
					     w:api.winWidth,
					     h:api.frameHeight - 50,
				     },						    
			         delay: 300,			 
			         bounces: false,			 
			         scaleEnabled:false,
			         delay:200  
                 });
                if('ios'==api.systemType){
                	api.openApp({
					    iosUrl: message_id
					},function(ret,err){
					     
					});
                }
                if('android'==api.systemType){
                	api.openApp({
					    androidPkg: 'android.intent.action.VIEW',
					    mimeType: 'text/html',
					    uri: message_id
					},function(ret,err){ 
					});
                }*/
		     }else{   
                 setTimeout(function(){show(message_id);},500);
             }
             openBottom(message_id,status); 
		} 
		
		//打开底部菜单按钮
		function openBottom(message_id,status){
		    var h_height = api.frameHeight - 51;   
		 	    		    
		    api.openFrame ({
                name: 'bottomMenu',
                url: './bottomMenu.html',
                rect:{
					x:0,
					y:h_height,
					w:api.winWidth,
					h:51,
				},			
			    pageParam: {message_id:message_id,status:status},
			    delay: 300,			 
			    bounces: false,			 
			    scaleEnabled:false,
			    delay:200  
            });
		}
		
		//打开连接地址
		function openDetail(url){
		    if('ios'==api.systemType){
                	api.openApp({
					    iosUrl: url
					},function(ret,err){
					     
					});
                }
                if('android'==api.systemType){
                	api.openApp({
					    androidPkg: 'android.intent.action.VIEW',
					    mimeType: 'text/html',
					    uri: url
					},function(ret,err){ 
					});
                }	         	    
		}
		
			  
</script>
 
</html>